import reactLogo from "./assets/react.svg";

function App() {
  const str = `<button>点我</button>`;

  return (
    <>
      <h1 className="box" style={{ color: "red", fontSize: "18px" }}>
        Hello React
      </h1>
      <label htmlFor="username">用户名</label>
      <input id="username" placeholder="请输入用户名" />
      <button onClick={() => alert(1)}>点我</button>
      <img src={reactLogo} alt="" />
      <hr />

      <div>{str}</div>

      <hr />

      <div dangerouslySetInnerHTML={{ __html: str }}></div>

      <button>{null}</button>
    </>
  );
}

export default App;
